﻿<!doctype html>
<html>
{{template "header" }} 
<!--header end-->
<body>
<div id="mainbody">
  <div class="info">
    <figure> <img src="/assets/images/art.jpg"  alt="Panama Hat">
      <figcaption><strong>渡人如渡己，渡已，亦是渡</strong> 当我们被误解时，会花很多时间去辩白。 但没有用，没人愿意听，大家习惯按自己的所闻、理解做出判别，每个人其实都很固执。与其努力且痛苦的试图扭转别人的评判，不如默默承受，给大家多一点时间和空间去了解。而我们省下辩解的功夫，去实现自身更久远的人生价值。其实，渡人如渡己，渡已，亦是渡人。</figcaption>
    </figure>
    <div class="card">
      <h1>我的名片</h1>
      <p>网名：{{.about.Name}}</p>
      <p>职业：{{.about.Jobs}}</p>
      <p>微信：{{.about.WX}}</p>
      <p>QQ：{{.about.QQ}} | Email：{{.about.Email}}</p>
      <ul class="linkmore">
        <li><a href="/" class="talk" title="给我留言"></a></li>
        <li><a href="http://wpa.qq.com/msgrd?v=3&uin=534117529&site=qq&menu=yes" class="address"target="_blank" title="联系QQ"></a></li>
        <li><a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=HHh9cn95b3F1cHVye1xtbTJ-c3E" class="email" target="_blank" title="给我写信"></a></li>
        <li><a href="/" class="photos" title="生活照片"></a></li>
        <li  id="weixin"><a href="/" class="heart"  title="关于我"></a><i><img src="/assets/images/me.jpg"></i></li>
      </ul>
    </div>
  </div>
  <!--info end-->
  <div class="blank"></div>
  <div class="blogs">
    <ul class="bloglist">
      {{range .post}}
      <li>
        <div class="arrow_box">
          <div class="ti"></div>
          <!--三角形-->
          <div class="ci"></div>
          <!--圆形-->
          <h2 class="title"><a href="/article/{{.ID}}" target="_blank">{{.Title}}</a></h2>
          <ul class="textinfo">
            <a href="/article/{{.ID}}" target="_blank"><img src="/assets/images/{{.ImgFile}}"></a>
            <p> <a href="/article/{{.ID}}" target="_blank">{{.Summary}}</a></p>
          </ul>
          <ul class="details">
            <li class="likes"><a href="#">{{.VistCnt}}</a></li>
            <li class="comments"><a href="#">{{.CmtCnt}}</a></li>
            <li class="icon-time"><a href="#">{{.Date}}</a></li>
          </ul>
        </div>
        <!--arrow_box end--> 
      </li>
      {{end}}
    </ul>
    <!--bloglist end-->
    <aside>
      <div class="sunnav">
        <ul>
          {{range $i,$v := .items}}
          <li><a href="/items/{{$i}}" title="{{$v}}">{{$v}}</a></li>
          {{end}}
          </ul>
      </div>
      <div class="tuijian">
        <h2>最新文章</h2>
        <ol>
          {{range $i,$v := .newart}}
          <li><span><strong>{{add $i 1}}</strong></span><a href="/article/{{$v.ID}}">{{$v.Title}}</a></li>
          {{end}}
        </ol>
      </div>
      <div class="clicks">
        <h2>热门点击</h2>
        <ol>
          {{range $i,$v := .hotart}}
          <li><span><a href="/">{{$v.Item}}</a></span><a href="/article/{{$v.ID}}">{{$v.Title}}</a></li>
          {{end}}
        </ol>
      </div>
      <div class="search">
        <form class="searchform" method="get" action="#">
          <input type="text" name="s" value="Search" onfocus="this.value=''" onblur="this.value='Search'">
        </form>
      </div>
      <div class="viny">
        <dl>
          <dt class="art"><img src="/assets/images/artwork.png" alt="专辑"></dt>
          <dd class="icon-song"><span></span>南方姑娘</dd>
          <dd class="icon-artist"><span></span>歌手：赵雷</dd>
          <dd class="icon-album"><span></span>所属专辑：《赵小雷》</dd>
          <dd class="icon-like"><span></span><a href="/">喜欢</a></dd>
          <dd class="music">
            <audio src="/assets/images/nf.mp3" controls></audio>
          </dd>
          <!--也可以添加loop属性 音频加载到末尾时，会重新播放-->
        </dl>
      </div>
    </aside>
  </div>
  <!--blogs end--> 
   <ul class="pagination">
    {{- $lenth := dec (len .tabs) 1}}
    {{range $i,$v := .tabs}}
      {{if eq $i 0}}
      <li><a href="/?page={{$v}}">«</a></li>
      {{else if eq $i $.curpage}}
      <li><a class="active" href="/?page={{$v}}">{{$v}}</a></li>
      {{else if eq $i $lenth}}
      <li><a href="/?page={{$v}}">»</a></li>
      {{else}}
      <li><a href="/?page={{$v}}">{{$v}}</a></li>
      {{end}}
    {{end}}
    </ul>
</div>
<!--mainbody end-->
{{template "footer" .}} 
<!-- 代码结束 -->
</body>
</html>